body{
    color: #666;
    background-color: #fff;
    font-family: "microsoft yahei";
    font-size: 12px;

    // 顶部
    .head_note{
        line-height: 30px;
        background-color: #ffc;
        text-align: center;
        font-size: 14px;
        color: red;
        border-bottom: 1px solid #ccc;
    }
    .head_top{
        width: 1200px;
        min-width: 1200px;
        margin: 0 auto;
        background-color: #f7f7f7;
        height: 35px;
        line-height: 35px;
        border-bottom: 1px solid #ededed;
        .i_s{
            color: red;
        }
        .address{
            margin-left: 10px;
            position: relative;
            span{
                width: 46px;
                border:1px solid #a7a7a7;
                color: #666;
                padding: 2px 10px;
                background-color: #fff;
                cursor: pointer;
            }
            &:hover dl{
                display: block;
             }
            dl{
                display: none;
                width: 248px;
                border: 1px solid #a3a3a3;
                cursor: pointer;
                background-color: #fff;
                position: absolute;
                top: 27px;
                left: -80px;
                padding: 10px;
                .all{
                    width: 100%;
                }
                div{
                    float: left;
                    width: 62px;
                }
                dt{
                    border-bottom: 1px dotted #999;
                }
                
            }
        }
        .head_topR{
            #logout{
                display: none;
                color: #06c;
            }
            #userName{
                font-size: 16px;
                font-style: normal;
                color: red;
                font-weight: bolder;
                display: none;
            }
            li{
                float: left;
                margin-left: 10px;
                cursor: pointer;
                position: relative;

                ul{
                    display: none;   
                    width: 77px;
                    position: absolute;
                    top: 25px;
                    left: -15px;
                    line-height: 20px;
                    margin: 0;
                    padding: 10px 0 5px 5px;
                    background-color: #fff;
                    border: 1px solid #d9d9d9;
                    li{
                        height: 28px;
                        line-height: 28px;
                        &:hover{
                            color: red;
                        }
                    }

                }
            }
            .i_p{
                color: red;
            }
            a{
                color: #06c;
            }
            .h_myUle{
                &:hover ul{
                    display: block;
                }

            }
            .h_phone{
                
                &:hover p{
                    display: block;
                }
                p{
                    position: absolute;
                    top: 27px;
                    left: -45px;
                    border: 1px solid #d9d9d9;
                    display: none;
                    border-radius: 8px;
                    img{
                        border-radius: 8px;
                        width: 158px;
                        height: 163px;
                        margin: 0 auto;
                    }
                }
            }
            .h_help:hover ul{
                display: block;
            }
        }
    }

    // 底部
    .footer{
        width: 1200px;
        margin: auto;
        padding: 20px 0;
        .footer_top{
            padding: 10px 0 20px;
            text-align: left;
            li{
                width: 200px;
                float: left;
                h4{
                    width: 120px;
                    color: #666;
                    line-height: 22px;
                    margin: 0 0 5px;
                    border-bottom: 1px dotted #ccc;
                }
                p{
                    a{
                        display: block;
                        line-height: 22px;
                        color: #888;
                        &:hover{
                            color: #666;
                        }
                    }
                }
            }
        }
        .foot_license{
            line-height: 20px;
            padding: 15px 0 5px;
            color: #999;
            border-top: solid 1px #ddd;
        }
    }
}

